<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html;charset=utf-8"%>
<%@ include file="/pub/siteinclud.jsp"%>
<html>
<head>
<title>雅宝路信息网 致力于服务雅宝路人的最大信息网</title>
<meta name="keywords" content="雅宝路 物流 交友 二手货 发货 甩货 免费发布信息"/>
<meta name="description" content="雅宝路信息网，致力于服务雅宝路人的最大信息网。为你提供房产、车辆、招工、兼职、物流等海量雅宝路分类信息"/>
	<script type="text/javascript"
		src="<%=path %>/resources/js/tab.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
	      	inittab();
	      	// 自动播放
			slide({
			  handle:document.getElementById("handle_div").getElementsByTagName("a"),
			  content:document.getElementById("tpk_div").getElementsByTagName("ul"),
			  current:"current",
			  mode:"mouseover",
			  speed:3000
			});
	    });
		function inittab(){
			$.ajax({
				url :"<%=path%>/ext/productgroup/lst", //要访问的后台地址
			    data: "pid=ROOT", //要发送的数据
			    type : 'POST', //使用get方法访问后台
			    dataType : 'json', //返回json格式的数据
			    async:false,
			    success : function(data){
		   			var rows = data; 
			    	$.each(rows, function(i, n){
			    		if(i==0){
							$("#handle_div").append("<a href='#' class='current'>"+n.name+"</a>");
			    			inittabc(n.id,n.name,"block");
						}else{
							$("#handle_div").append("<a href='#'>"+n.name+"</a>");
			    			inittabc(n.id,n.name,"none");
						} 
			        });
			    }
			});
		}
		function inittabc(grpid,grpname,display){
			$("#tpk_div").append("<ul class='picbankImg' id='"+grpid+"' style='display:"+display+"'></ul>");
			$.ajax({
				url :"<%=path%>/ext/productgroup/getgrpsfp", //要访问的后台地址
			    data: "pid="+grpid, //要发送的数据
			    type : 'POST', //使用get方法访问后台
			    dataType : 'json', //返回json格式的数据
			    async:false,
			    success : function(data){
		   			var rows = data; 
			    	$.each(rows, function(i, n){
			    		var p=n.firstProducts;
			    		var url=encodeURI("picclass?grp1="+grpname+"&grp2="+n.name+"&grpid="+n.id);
						$("#"+grpid).append("<li><a href='"+url+"'><img src='"+p.small_picpath+"' alt='"+n.name+"' width='136' height='147'/><div>"+n.name+"</div></a></li>");
			        });
			        $("#"+grpid).append("<div style='clear:both'></div>");
			    }
			});
		}
	</script>
<link rel="stylesheet"
	href="<%=request.getContextPath() %>/site/${SiteAccessPath}/css/css.css"
	type="text/css"/>
<link rel="stylesheet"
	href="<%=request.getContextPath() %>/site/${SiteAccessPath}/css/global.css"
	type="text/css"/>
<style type="text/css">

.TabBaoADArea {
	BORDER-BOTTOM: #3a404d 1px solid; POSITION: relative; BORDER-LEFT: #3a404d 1px solid; BACKGROUND-COLOR: #f8f8f8; WIDTH: 300px; HEIGHT: 215px; BORDER-TOP: #3a404d 1px solid; BORDER-RIGHT: #3a404d 1px solid
}
.TaoBaoNav {
	POSITION: absolute; WIDTH: 52px; HEIGHT: 208px; OVERFLOW: hidden; TOP: 3px
}
.TaoBaoNav UL LI {
	BORDER-BOTTOM: #cccccc 2px solid; TEXT-ALIGN: center; BORDER-LEFT: #cccccc 2px solid; LINE-HEIGHT: 21px; BACKGROUND-COLOR: #ffffff; MARGIN: 2px; WIDTH: 44px; FLOAT: left; HEIGHT: 22px; BORDER-TOP: #cccccc 2px solid; BORDER-RIGHT: #cccccc 2px solid
}
.TaoBaoNav UL LI A {
	COLOR: #404040
}
.TaoBaoNav UL LI.active {
	BACKGROUND-COLOR: #ff6600
}
.TaoBaoNav UL LI.active A {
	COLOR: #fff; FONT-WEIGHT: bold
}
.TabBaoADArea img {
	border:none;
}
#TaoBaoADTabBox {
	POSITION: absolute; WIDTH: 184px; HEIGHT: 205px; OVERFLOW: hidden; TOP: 5px; LEFT: 56px
}
#TaoBaoADTabBox LI {
	WIDTH: 184px; HEIGHT: 205px; OVERFLOW: hidden
}
#jgldsafla img{
	margin-top:3px;
}
#jgldsafla img:hover{
	margin-top:4px;
}
</style>
<script type="text/javascript"
	src="<%=path %>/resources/js/shouye.js"></script>
</head>

<body>
<%@ include file="header.jsp" %>

<div class="position">
	您的位置：<a href="index">首页</a> &gt; 图片库
</div>
<div class="picbank" id="tpk_div">
	<div class="picbankTitle" id="jgldsafla">
		<h2 class="left">图片库</h2>
		<a href="#" onclick="alert('对不起，您还不是会员，如果想成为会员请联系我们')"><img class="left" alt="点击这里查看会员图片" src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/hyrk.png" border="0"/></a>
    	<div class="bankclass right" id="handle_div">
    	</div>
	</div>
</div>
<div class="picbankNews">
	<div class="bankNewsTitle"><h2 class="left">时尚资讯</h2></div>
    <div class="bankNewsList">
		<form name="frmsszx" method="post" style="margin: 0" action="<%=path%>/cms/artgroup/grpArtlst?site_id=yblsite01&currentPage=1&pageSize=9&grpId=0000000500131169b3e8d" id="frmsszx">
	    <div class="neiye_listMain" id="job_list_div">
			<table border="0" cellspacing="0" cellpadding="0" style="margin-left:10px" class="table_nbw  niceTable grid">
				<tbody>
					<tr class="template klId" style="height:30px;line-height: 30px;">
			   		    <td class="klart_name" style="text-align: left;" width="60%"></td>
			   		    <td class="klauthor" style="text-align: right" width="20%"></td>
			   		    <td class="klcreatetime" style="text-align: right" width="20%"></td>
					</tr>
				</tbody>
			</table>
	    </div>
		<div class="neiye_pagedown" style="width:97%;">
			<img id="loading"
				src="<%=imgPath %>/large-loading.gif" width="20px"
				class="hidden loading left" /><span class="pagediv"></span>
		</div>	
		</form>
	</div>
</div>

<div style="clear:both"></div>
<%@ include file="footer.jsp" %>
<script type="text/javascript">
	function changeneiye_list(flag){
		alert(flag);
	}
	$(function(){ 
		loadGird("frmsszx", 1);
	})
		
	var callback_frmsszx = function(rows, frm) {
       $.each(rows, function(i, n){
    	   var row = $("#"+frm+" .template").clone().removeClass("template");
   			       var keyValue = n.id;
	       row.find(".klart_name").html("<a href='xwzs?inforId="+n.id+"' target='_blank'>"+n.art_name+"</a>");
	       row.find(".klauthor").html(n.author);
	       row.find(".klcreatetime").text((new Date(n.create_time)).format("yyyy-MM-dd"));
	       
 		   row.attr("id","ready"+i);
           row.attr("class","tr_nbw");
           if(i!=0){
           	$("<tr bgcolor='#f1f1f1' class='list_line'><td height='1' colspan='3'></td></tr>").appendTo("#"+frm+" .grid");
           }
           row.appendTo("#"+frm+" .grid");
       });   
	}
	
</script>
</body>

</html>